<template>
  <a-list-item :border="true">
    <a-list-item-meta :description="data.projectName">
      <a slot="title" style="color: rgba(0, 0, 0, .85)">{{ data.title }}</a>
    </a-list-item-meta>
    <div slot="actions">
      <a @click="handleDetail()">详情</a>
    </div>
    <result-list-content :data="data.contents"></result-list-content>
    <teaching-common-modal :date="data.record.date" :item-value="data.record.itemValue" ref="modalForm"
                           :teacher-id="this.teacherId" @ok="modalFormOk"></teaching-common-modal>
  </a-list-item>
</template>

<script>
import ResultListContent from '@views/gfxy/result/modules/ResultListContent'
import TeachingCommonModal from '@views/gfxy/teaching/modules/TeachingCommonModal'

export default {
  name: "ResultListItem",
  components: { ResultListContent,TeachingCommonModal },
  props: {
    data: {
      type: Object,
      default: () => []
    },
    teacherId: {
      type: String
    }
  },
  methods:{
    handleDetail(){
      console.log(this.$refs)
      console.log(this.$refs.modalForm)
      this.$refs.modalForm.edit(this.data.record);
      this.$refs.modalForm.title="详情";
      this.$refs.modalForm.disableSubmit = true;
    },modalFormOk(){

    }
  }

}
</script>

<style scoped>

</style>